.quentin-chat{width: 269px;height: 52px;border-radius: 3px;background-color: #ffffff;box-shadow: 0 1px 4px 0 rgba(35, 66, 103, 0.33);position: fixed;bottom: 20px;right: 95px;z-index: 1100;box-shadow: -2px 4px 18px -2px;color:#4a4a4a;display: none;}
.enLarge >div{padding: 10px;width: 100%;}
.enLarge{position: fixed;z-index: 1201;text-align: center;left:0;top:0;width: 100%;background-color: rgba(0,0,0,.5);overflow: auto;height: 100%;}
.enLarge p{text-align: right;}
.enLarge p a{font-size: 30px;color: #fff;}
.enLarge img{max-width: 687px;max-height: 700px;}
.scPic{}
.icon-v1 { padding-right: 16px;  background: url(/static/web/img/icon-v.png) no-repeat right -20px; }
.icon_v2 { padding-right: 16px;  background: url(/static/web/img/icon-v.png) no-repeat right 3px; }
.enLarge p a:hover{color: #3DA8F5;text-decoration: none;}
.quentin-chat .chatSpread{width: 100%;height: 52px;background: none;position: absolute;cursor: pointer;}
.quentin-chat .quentin-msg{line-height: 52px;float: left;padding-left: 34px;margin-right: 62px;}
.quentin-chat .quentin-chat-msg{color: #595874;}
.quentin-chat .msg-much{color: #3DB1FA;}
.quentin-chat .msg-pic{float: left;margin-top: 16px;cursor: pointer;}
.quentin-chat .quentin-chat-wrap{position: relative;}
.quentin-chat .mychat-table{background: #fff;position: absolute;bottom: 100%;right:0;width: 800px;height: 600px;z-index: 9;overflow: hidden;box-shadow: -3px 0px 16px -3px;display: none;}
.quentin-chat .chat-person{background: #fff;position: absolute;bottom: 100%;right:0;width: 800px;height: 600px;z-index: 10;overflow: hidden;display: none;}
.quentin-chat .chat-person .title{position: relative;padding: 15px;flex: 0 0 auto; background-color: #FFF; border-radius: 3px 3px 0 0; border-bottom: 1px solid #E5E5E5;}
.quentin-chat .chat-person .title .chat-person-close{position: absolute;right: 20px;line-height:57px;color: #000000;font-size: 20px;height: 100%;top: 0;}
.quentin-chat .mychat-table .title{position: relative;padding: 15px;flex: 0 0 auto; background-color: #FFF; border-radius: 3px 3px 0 0; border-bottom: 1px solid #E5E5E5;}
.quentin-chat .chat-person .title .chat-person-close:hover{text-decoration: none;}
.quentin-chat .chat-person .title .chat-person-close:focus{text-decoration: none;}
.quentin-chat .chat-person .title h3{font-size: 18px;line-height: 26px;color: #383838;text-align: center;font-weight: 600;}
.quentin-chat .chat-person .chat-person-detail{overflow: hidden;}
.quentin-chat .chat-person .chat-person-detail .chat-person-cls{float: left;width: 300px;height: 543px;}
.quentin-chat .chat-person .chat-person-detail .chat-person-cls a{display: block;padding: 20px 0 20px 51px;border-bottom: 1px solid #F3F3F3;color: grey;font-size: 14px;border-left: 4px solid #fff;}
.quentin-chat .chat-person .chat-person-detail .chat-person-cls a img{margin-right: 13px;}
.quentin-chat .chat-person .chat-person-detail .chat-person-cls .active{border-left: 4px solid #03A9F4;}
.quentin-chat .chat-person .chat-person-detail .chat-person-cls a:hover{color: #03A9F4;text-decoration: none;}
.quentin-chat .chat-person .chat-person-detail .chat-person-list{ float: left; width: 499px;height: 543px;position: relative;padding-top: 20px;}
.quentin-chat .chat-person .chat-person-detail .chat-person-list .chat-accordion-menu{height:100%;overflow: auto;}
.quentin-chat .mychat-table .title h3{font-size: 18px;line-height: 26px;color: #383838;text-align: center;font-weight: 600;}
.quentin-chat .mychat-table .title .chat-quit{position: absolute;right: 20px;line-height:57px;color: #000000;font-size: 20px;height: 100%;top: 0;}
.quentin-chat .chat-person .chat-person-detail .chat-person-list .filterinput{color: #000;border: 1px solid #D9D9D9;border-radius: 3px;height: 40px;line-height: 26px;display: block;width: 80%;padding-left: 40px;background-image: url(../img/chat/chat-search.png);background-repeat: no-repeat;background-position:10px center ;}
#demo-list .person-pic{background-color: #FFF;width: 36px;height: 36px;margin-right: 10px;}
.quentin-chat .chat-person .chat-person-detail .chat-person-list .demo-list-scroll{height: 768px;overflow: auto;}
.quentin-chat .mychat-table .title .chat-quit:hover{color: #3db1fa;text-decoration: none;}
.quentin-chat .mychat-table .title .chat-quit:focus{color: #3db1fa;text-decoration: none;}
.quentin-chat .chat-detail {height: 500px;}
.quentin-chat .chat-detail .chat-left{float: left;width: 300px;border-right: 1px solid #E5E5E5;height: 543px;overflow: auto;}
.quentin-chat .chat-detail .chat-left .actions-group{padding: 15px;height:50px;border-bottom: 1px solid #E5E5E5;cursor: pointer;}
.quentin-chat .chat-detail .chat-left .actions-group .actions{float: left;}
.quentin-chat .chat-detail .chat-left .actions-group .actions:hover{color: #3db1fa;}
.quentin-chat .chat-detail .chat-left .actions-group .more{float: right;position: relative;cursor: pointer;cursor: pointer;padding: 5px;}
.quentin-chat .chat-detail .chat-left .actions-group .more span{color: #383838;font-weight: 500;}
.quentin-chat .chat-detail .chat-left .actions-group .more ul{position: absolute;width: 133px;margin-left: 0;border-radius: 3px;background-color: #FFF;border: 1px solid transparent;right: -13px;top: 130%;display: none;box-shadow: -2px 4px 18px -2px}
.quentin-chat .chat-detail .chat-left .actions-group .more ul li{color: grey;padding: 8px 10px;cursor: pointer;}
.quentin-chat .chat-detail .chat-left .actions-group .more ul li img{margin-right: 10px;}
.quentin-chat .chat-detail .chat-left .actions-group .more ul li:hover{background-color: #f5f5f5;}
.quentin-chat .chat-detail .chat-left .actions-list ul li{padding: 15px;height: 66px;border-bottom: 1px solid #E5E5E5;cursor: pointer;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-pic{width: 36px;height: 36px;float: left;margin-right: 20px;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-pic img{width: 100%;height: 100%;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name{float: left;width: 196px;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name:hover .develop-name {color: #3DA8F5!important;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name:hover .time{display: none;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name .action-detail{float:left;width: 164px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 18px;height: 18px;text-align: left;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name .msg-tips{float:left;height: 18px;min-width: 18px;padding: 0 3px;font-size: 12px;line-height: 18px;text-align: center; background-color: #3DA8F5;border-radius: 18px;color: #FFF;font-weight: 500;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name .msg-ntips{background: none;float: right;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name .fast-develop{margin-bottom: 3px;overflow: hidden;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name .develop-name{float: left;width: 70px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name .blue{color: #3DA8F5;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name .develop-detail{float: right;width: 70px;height: 17px;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name .develop-detail a{float: left;height: 100%;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name .develop-detail .time{color: #A7A7A7;text-decoration: none;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name .develop-detail .goto{display: none;font-size: 21px;font-weight: 700;color: #000; text-shadow: 0 1px 0 #fff;line-height: 0.8;margin-left: 40px;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name .develop-detail .close{display: none;font-size: 21px;font-weight: 700;color: #000; text-shadow: 0 1px 0 #fff;line-height: 0.8;opacity: 1;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name:hover .develop-detail .goto{display: block;}
.quentin-chat .chat-detail .chat-left .actions-list ul li .friend-name:hover .develop-detail .close{display: block;}
.quentin-chat .chat-detail .chat-left .actions-list ul li p{font-size: 12px;color: #A7A7A7;}
.quentin-chat .chat-detail .chat-right{float: left;width: 499px;height: 543px;position: relative;}
.quentin-chat .chat-detail .chat-right .pic-file{position: relative;bottom:-68px;left: 10px;width: 26px;height: 24px;background-image: url(../img/chat/image-upload.png);background-repeat: no-repeat;background-position: center top;cursor: pointer;overflow: hidden;display: none;}
.quentin-chat .chat-detail .chat-right .pic-file >input{width: 100%;height: 100%;opacity: 0;}
.quentin-chat .chat-detail .chat-right .sender-area{background: #E5E5E5;padding: 14px 20px 13px 15px;max-width: 499px;display: none;min-height: 57px;position:absolute;bottom: 46px;}
.quentin-chat .chat-detail .chat-right .sender-area .sender-put{background: #fff;text-align: left;}
.quentin-chat .chat-detail .chat-right .chat-log{width: 100%;height: 440px;overflow: auto;}
.quentin-chat .chat-detail .chat-right .chat-log .chat-logsr li{padding: 25px 15px;overflow: hidden;}
.quentin-chat .chat-detail .chat-right .chat-log .chat-logsr li .msg-face{width: 36px;height: 36px;float: left;margin-right: 14px;}
.quentin-chat .chat-detail .chat-right .chat-log .chat-logsr li .msg-detail{float: left;text-align: right;text-align: left;}
.quentin-chat .chat-detail .chat-right .chat-log .chat-logsr li .msg-face img{width: 100%;height: 100%;}
.quentin-chat .chat-detail .chat-right .chat-log .chat-logsr li .msg-detail .msg-body{padding: 8px 13px;color: #383838;font-size: 15px;word-break: break-word;background-color: #EEE;border-radius: 10px;max-width: 369px;margin-bottom: 4px;display: inline-block;}
.quentin-chat .chat-detail .chat-right .chat-log .chat-logsr li .msg-detail .msg-body img{max-width: 100%;}
.quentin-chat .chat-detail .chat-right .chat-log .chat-logsr li .msg-detail .msg-time{font-size: 12px;}
.quentin-chat .chat-detail .chat-right .chat-log .chat-logsr li .msg-detail .msg-time-name{margin-right: 10px;}
.quentin-chat .chat-detail .chat-right .chat-log .chat-logsr li .msg-sender{float: right;}
.quentin-chat .chat-detail .chat-right .chat-log .chat-logsr li .msg-sender .msg-time{text-align: right;}
.quentin-chat .chat-detail .chat-right .sender-put{border:1px solid #D9D9D9;padding: 3px 5px;width: 465px;max-height: 450px;overflow: auto;min-height: 28px;}
.quentin-chat .chat-detail .chat-right .sender-put img{max-width: 200px;}
.quentin-chat .chat-detail .chat-right .send-msg{display: none;float: right;margin: 5px 10px 0 0;background-color:#3db1fa;border-color:#3db1fa;position: absolute;bottom: 5px;right: 3px;}
.quentin-chat .chat-detail .chat-right .send-msg:hover{background-color:#1694e3;border-color: #1694e3;}
.quentin-chat .chat-detail .chat-right .send-msg:focus{background-color:#1694e3;border-color: #1694e3;}
.quentin-chat .chat-detail .chat-left .noGroupTip >img{width: 100%;}
.inPics{width: 100%;padding: 5px;background: #fff;overflow: hidden;margin: 5px 0 10px 0;}
.inPics .imgDetail{float: left;}
.inPics .inClosed{float: right;height: 32px; line-height: 32px;cursor: pointer;font-size: 16px;}
.inPics .inClosed:hover{color: #1694e3;}
.inPics .imgDetail img{width: 32px;height: 32px;margin-right: 10px;}
@media screen and (max-width: 1366px) {
	.enLarge img{max-width: 687px;max-height: 500px;}
	
	.quentin-chat .mychat-table{height: 450px;}
	.quentin-chat .chat-person{height: 450px;}
	.quentin-chat .chat-detail .chat-right{height: 393px;}
	.quentin-chat .chat-detail .chat-left{height: 396px;}
	.quentin-chat .chat-detail .chat-right .chat-log{height: 290px;}
	.quentin-chat .chat-detail {height: 393px;}
}
@media screen and (max-width: 996px) {
	.quentin-chat{display: none;}
}